<template>
	<view class="row">
		<view class="span24-8 px-2 mb-2"
		v-for="(item, index) in label.list" :key="index">
			<view class="rounded px-2 py-1 bg-light-secondary text-center border "
			:class="label.selected === index ? 'radio-active': 'border-light-secondary'"
			@tap="changeRadio(index)">{{item.name}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			label: Object,
		},
		methods: {
			changeRadio(index) {
				this.$emit('update:selected', index)
			}
		}
	}
</script>

<style scoped>
.radio-active {
	background: #FCE0D5 !important;
	color: #EB7320 !important;
	border-color: #EB7320 !important;
}
</style>
